@import "../common/functions.scss";
@import "../common/_variables.scss";
body{
	background: $_f5f5f5; 
}
/* 优惠套餐 */
.detail-con{
   background: $_fff;
   margin-bottom: pxToRem(40px);
   border-top: 1px solid $_c8c8cc;  
}
.set-meal{
  	.good_detail_meal{
  		display: block;
  	}
  	.good_simple_meal{
  		display: none;
  	}
}
.current{
	.good_detail_meal{
		display: none;
	}
	.good_simple_meal{
		display: block;
	}
}
.s-title{
  width: 100%;
  height: pxToRem(80px);
  line-height: pxToRem(80px);
  background-image:-webkit-linear-gradient(to bottom, #fff, #f4f4f4);
  background-image:linear-gradient(to bottom,#fff, #f4f4f4);
  position: relative;
    .icon-back{
      position: absolute;	
      left:	pxToRem(48px);
      top: pxToRem(40px);
    }
	.icon-back:after{
		position: absolute;
		content: "";
		width: pxToRem(24px);
		height: pxToRem(24px);
		border-top: pxToRem(5px) solid $_999;
		border-left: pxToRem(5px) solid $_999;
		top: 50%;
		left: 55%;
		transform: translate3d(-50%,-50%,0) rotate(-47deg);
		-ms-transform: translate3d(-50%,-50%,0) rotate(-47deg);	/* IE 9 */
		-webkit-transform: translate3d(-50%,-50%,0) rotate(-47deg);/* Safari and Chrome */
		-o-transform: translate3d(-50%,-50%,0) rotate(-47deg);/* Opera */
		-moz-transform: translate3d(-50%,-50%,0) rotate(-47deg);
	}
	h1{
  	   font-size: pxToRem(30px);
  	   text-align: center; 
	}
	.icon-share{
	  width: pxToRem(36px);
	  height: pxToRem(36px);
	  background: url(/resources/img/icon-share.png) no-repeat;
	  position: absolute;
	  right: pxToRem(50px);
	  top: pxToRem(21px);
	  background-size: 100%;
	}
}
.favorable{
	padding:pxToRem(30px) pxToRem(30px);
	border-bottom: 1px solid $_c8c8cc;
	position: relative;
	h2{
	  font-size: pxToRem(24px);
	  color: $_666;  	
	}
	.item{
	  border-bottom: 1px solid #f3f3f3;
	  padding: pxToRem(30px) 0;	
	   a{
         display: -webkit-box;
	  }
	}
	.pic{
	  width: pxToRem(120px);
	  height: pxToRem(120px);
	  border: 1px solid #f0f0f0;  	
	}
	.pro-info{
	    -webkit-box-flex:1;
	    font-size: pxToRem(24px);
	    margin: pxToRem(6px) 0 0 pxToRem(20px);
	   .p-txt{
	   	  line-height: pxToRem(34px); 
	   }
	   .p-price{
	   	  font-size: pxToRem(30px);
	   	  color: $_e51c23;
	   	  margin-top: pxToRem(10px);  
	   	  em{
	   	  	font-size:pxToRem(20px); 
	   	  }
	   	  span{
	   	  	color: #858585;
	   	  	font-size: pxToRem(20px);
	   	  	margin:0 pxToRem(8px);     
	   	  }
	   }   	
	}
    .explain{
       margin-top: pxToRem(20px);
       display: -webkit-box;
       line-height: pxToRem(20px);
       .e-txt{
       	 font-size: pxToRem(24px);
       }
       .e-price{
       	 font-size: pxToRem(30px);
       	 color: $_e51c23;
       	 margin-left: pxToRem(40px); 
       	 em{
	   	  	font-size:pxToRem(20px); 
	   	  }
	   	  span{
	   	  	color: #858585;
	   	  	font-size: pxToRem(20px);
	   	  	margin:0 pxToRem(8px);     
	   	  } 
       } 
       .e-ori{
       	 font-size: pxToRem(20px);
       	 color: $_999;
       	 margin-left: pxToRem(24px);  
       	 span{
       	 	text-decoration: line-through;
       	 	margin-left: pxToRem(24px);
       	 } 
       }
    }
    .save{
      max-width: 40%;
	  height: pxToRem(28px);
	  line-height: pxToRem(28px);
	  border: 1px solid $_e51c23;
	  text-align: center;
	  font-size: pxToRem(20px);
	  color: $_e51c23;
	  margin: pxToRem(20px) 0 pxToRem(10px);
	  padding: 0 pxToRem(10px);      
    }
    .add-cart{
      width: pxToRem(688px);
	  height: pxToRem(70px);
	  line-height: pxToRem(70px);
	  text-align: center;
	  color: $_fff;
	  font-size: pxToRem(30px); 
	  background: $_e51c23;
	  display: inline-block; 	 
    } 
}
.set-meal-two{
	background: $_fff;
	border-bottom: 1px solid $_c8c8cc;
	padding:pxToRem(30px) pxToRem(30px);
	position: relative;
	.t-title{
	   display: -webkit-box;
	   line-height: pxToRem(20px);
	   position: relative; 
	}
	.t-txt{
	   font-size: pxToRem(24px)  	
	}
	.t-price{
       	 font-size: pxToRem(30px);
       	 color: $_e51c23;
       	 margin-left: pxToRem(38px); 
       	 em{
	   	  	font-size:pxToRem(20px); 
	   	  }
	   	  span{
	   	  	color: #858585;
	   	  	font-size: pxToRem(20px);
	   	  	margin:0 pxToRem(8px);     
	   	  } 
    }
    .icon-enter{
      position: absolute;	
      right: pxToRem(18px);
      top: pxToRem(14px);
    }
    .icon-enter:after{
		position: absolute;
		content: "";
		width: pxToRem(18px);
		height: pxToRem(18px);
		border-top: pxToRem(4px) solid $_cbcbcb;
		border-left: pxToRem(4px) solid $_cbcbcb;
		top: 50%;
		left: 55%;
		transform: translate3d(-50%,-50%,0) rotate(-224deg);
		-ms-transform: translate3d(-50%,-50%,0) rotate(-224deg);	/* IE 9 */
		-webkit-transform: translate3d(-50%,-50%,0) rotate(-224deg);/* Safari and Chrome */
		-o-transform: translate3d(-50%,-50%,0) rotate(-224deg);/* Opera */
		-moz-transform: translate3d(-50%,-50%,0) rotate(-224deg);
	}
	.s-list{
	  margin-top: pxToRem(30px);	  	
	} 
	.s-item{
      width:pxToRem(122px); 
  	  display: inline-block;
	  	.pic{
	  	  width: pxToRem(120px);
		  height: pxToRem(120px);
		  border: 1px solid #f0f0f0;	
	  	}
    }
    .add{
      padding: 0;
      width: auto;
      margin: pxToRem(-46px) pxToRem(-14px) 0; 
      span{
        display: inline-block;
        color: #939393;
        font-size: pxToRem(20px);  	
      }	
    }	 
}

//展开收回标志
.h_control{
	position: relative;
	overflow: hidden;
}
.float_dot{
	position: absolute;
	width: pxToRem(18px);
	height: pxToRem(18px);
	top: pxToRem(30px);
	right: pxToRem(30px);
}
.down{
	border-top: 2px solid $_ccc;
	border-left: 2px solid $_ccc;
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);	/* IE 9 */
	-webkit-transform: rotate(-135deg);/* Safari and Chrome */
	-o-transform: rotate(-135deg);/* Opera */
	-moz-transform: rotate(-135deg);
}
.up{
	border-top: 2px solid $_03a9f4;
	border-left: 2px solid $_03a9f4;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);	/* IE 9 */
	-webkit-transform: rotate(45deg);/* Safari and Chrome */
	-o-transform: rotate(45deg);/* Opera */
	-moz-transform: rotate(45deg);
}
